{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>
	
	<div class="col_central">
		<div>
			<p id="cabecera">Amistades de <a href="/perfil/?u={{usuario.id}}">{{usuario.username}}</a></p>
		</div>
		{% if amigos %}
		<br><br>
		<div class="perfil-amistades">
			<table border=1>	
				<tr>
					<td>Usuario</td>
					<td>Críticas</td>
					<td>Valoraciones</td>
					<td>Opciones</td>
				</tr>
				{% for amigo,num_criticas,num_valoraciones in amigos %}
				<tr>
								
						<td><a href="/perfil/?u={{amigo.id}}">{{amigo.username}}</a></td>
						<td>{{num_criticas}}</td>
						<td>{{num_valoraciones}}</td>
						{% if borrar %}
							<td><a href="/amigos-delete/?u={{amigo.id}}">Eliminar amistad</a></td>
						{% endif %}
				</tr>
				{% endfor %}
				<tr>
					<td colspan=4>
						<div class="pagination">
	    						<span class="step-links">
		        					{% if amigos.has_previous %}
		           				 		<a href="?page={{ amigos.previous_page_number }}&u={{usuario.id}}">Previo</a>
		        					{% endif %}
		
		        					<span class="current">
		            					Página {{ amigos.number }} de {{ amigos.paginator.num_pages }}.
		        					</span>
		
		        					{% if amigos.has_next %}
		            					<a href="?page={{ amigos.next_page_number }}&u={{usuario.id}}">Siguiente</a>
		        					{% endif %}
	    						</span>
						</div>
					</td>
				</tr>
			</table>
		</div>
		{% else %}
		<div class="message">
			<p>No hay amigos agregados.</p>
		</div>
		{% endif %}
	</div>
	<div class="col_der">
		{% include 'menu_der.html' %}	
	</div>
</div>
{% include 'footer.html' %}